<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/images/image/user.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/login/login.css">
    <style>
        div{
            white-space: nowrap;
        }
        input::-webkit-input-placeholder {
            color:white;
        }
        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: white;
        }
        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: white;
        }
        input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: white;
        }
    </style>

</head>
0
<body>
<form action="#" method="POST">
    <div id="login-box">
        <h1>Login</h1>
        <div class="form">
            <div class="item">
                <i class="fa fa-user"></i>
                <input type="text" placeholder="username" name="username">
            </div>

            <div class="item">
                <i class="fa fa-lock" aria-hidden="true"></i>
                <input type="password" placeholder="password" name="password" required="required">
            </div>
        </div>
        <button >
            <a href="main">Login</a>
        </button>
    </div>
    <div class="loading">
        <div class="loader1"></div>
        <div class="loader2"></div>
        <div class="loader3"></div>
    </div>
</form>


</body>

<footer>
    <div id="message-box">山东科技大学学生管理系统</div>
</footer>

</html>
